<!--
  Generated template for the ChangeInformationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>修改个人信息</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <ion-list>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>头像</ion-col>
          <ion-col col-7 text-right>
            <img [src]="info.imgPath" width="30px" height="30px">
          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>用户名</ion-col>
          <ion-col col-7 text-right (click)="inputChange('userName')">
            {{info.username}}

          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>性别</ion-col>
          <ion-col col-7 text-right (click)="radioChange()">
            {{info.sex==1?"男":"女"}}
          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>电子邮箱</ion-col>
          <ion-col col-7 text-right (click)="inputChange('email')">
            {{info.email}}
          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>手机号码</ion-col>
          <ion-col col-7 text-right (click)="inputChange('mobile')">
            {{info.mobile}}
          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>办公电话</ion-col>
          <ion-col col-7 text-right (click)="inputChange('phone')">
            {{info.phone}}
          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
    <ion-item>
      <ion-grid no-padding>
        <ion-row align-items-center>
          <ion-col col-4>个性签名</ion-col>
          <ion-col col-7 text-right class="sign" (click)="textareaChange('sign')">
            {{info.sign}}
          </ion-col>
          <ion-col col-1 text-right>
            <ion-icon text-right name="ios-arrow-forward"></ion-icon>
          </ion-col>
        </ion-row>
      </ion-grid>
    </ion-item>
  </ion-list>
  <ion-buttons>
    <button ion-button (click)="save()">
      保&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;存
    </button>
  </ion-buttons>
</ion-content>